<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="//www.xn--kwrr8v.top/style/topui/topui1.0.css" />
	<title>安装提示 | TOP图片收集管理系统</title>
</head>
<body>
	<style>
		li{list-style: none;}
		.tw-nr li{margin-left: 10px;}
	</style>
	<div id="app">
		<div class="top ce b888 cfff">
			<h2 class="title">安装提示 | TOP图片收集管理系统</h2>
		</div>
		<div class="main db mw ph10">
			<div class="tw mh10 ce">
				<li class="tw-bt w80b mw br-s10 lh30">欢迎使用</li>
				<p class="tw-nr w80b mw br-x10 ph10 left">欢迎使用TOP图片收集管理系统，本系统采用PHP+MySQL+HTML+VUE+JavaScript+CSS+ElementUI开发的在线图片收集管理系统。
			系统具有用户管理系统、后台管理系统、文件处理系统等功能。以下将介绍这款快捷的图片收集系统如何快速安装使用：
				</p>
			</div>
			
			<div class="tw mh10 ce">
				<li class="tw-bt w80b mw br-s10 lh30">系统环境要求</li>
				<div class="tw-nr w80b mw br-x10 ph10 left f20">
					<li><span><b>系统：</b>Linux、Windows Server</span></li>
					<li><span><b>内存：</b>512MB</span></li>
					<li><span><b>运行环境：</b>Nginx（PHP）</span></li>
					<li><span><b>数据库：</b>MySQL5.6及以上</span></li>
					<li><span><b>前端语言：</b>HTML、VUE、CSS、JavaScript</span></li>
					<li><span><b>后端语言：</b>PHP7.0及以上</span></li>
				</div>
			</div>
			
			<div class="tw mh10 ce">
				<li class="tw-bt w80b mw br-s10 lh30">开始安装</li>
				<div class="tw-nr w80b mw br-x10 ph10 left f20">
					<li><span><b>环境配置：</b>需要安装如上要求搭建环境</span></li>
					<li><span><b>上传程序：</b>将本程序上传解压</span></li>
					<li><span><b>创建数据库：</b>创建名为image（utf8mb4）数据库</span></li>
					<li><span><b>配置数据库：</b>在api/config.php配置数据库相关信息</span></li>
					<li><span><b>导入数据库：</b>将start/image.sql导入到数据库</span></li>
					<li><span><b>重新访问：</b>将网址后面的start/index.html删除访问</span></li>
					<li><span><b>登录系统：</b>默认账号：admin密码：admin@123</span></li>
					<li><span><b>测试程序：</b>可以测试一下文件上传和创建收集表</span></li>
					<li><span><b>扩展配置：</b>支持检测哪些用户没有提交，需要在数据库导入信息到namelist中，在创建收集表时应选择名单示例</span></li>
				</div>
			</div>
			
			<div class="tw mh10 ce">
				<li class="tw-bt w80b mw br-s10 lh30">文件夹及文件介绍</li>
				<div class="tw-nr w80b mw br-x10 ph10 left f20">
					<li><span><b>index.php：</b>首页前端展示文件</span></li>
					<li><span><b>login.php</b>登录前端展示文件</span></li>
					<li><span><b>start/：</b>开始文件夹（安装相关文件）</span></li>
					<li><span><b>login/：</b>注册文件夹</span></li>
					<li><span><b>file/：</b>文件存储文件夹（打包压缩文件）</span></li>
					<li><span><b>admin/：</b>系统管理系统文件夹</span></li>
					<li><span><b>style/：</b>系统关联文件夹</span></li>
					<li><span><b>start/image.sql：</b>数据库导入文件</span></li>
					<li><span><b>style/vue/：</b>VUE相关组件文件夹</span></li>
					<li><span><b>upfile/：</b>用户上传图片文件夹</span></li>
				</div>
			</div>
			<div class="tw mh10 ce">
				<li class="tw-bt w80b mw br-s10 lh30">数据表介绍</li>
				<div class="tw-nr w80b mw br-x10 ph10 left f20">
					<li><span><b>users：</b>用户信息数据表</span></li>
					<li><span><b>namelist：</b>名单示例信息表（导入信息支持查看未提交人员）</span></li>
					<li><span><b>loginstate：</b>用户登录信息登记表</span></li>
					<li><span><b>gather：</b>收集表主数据表</span></li>
				</div>
			</div>
			<div class="w100b bottom">
				Opyright © 2024 TOP图片收集管理系统 All Rights Reservedby.
			</div>
		</div>

	</div>
</body>
</html>